<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>微易航短信平台系统--权限管理</title>
	<%@ include file="/page/common/common.jsp" %>	
	
    <script type="text/javascript">
    jQuery(function($){
		$('#gridTable').datagrid({
			title:'模版列表', //标题
			method:'post',
			singleSelect:false, //多选
			height:360, //高度
			fitColumns: true, //自动调整各列，用了这个属性，下面各列的宽度值就只是一个比例。
			striped: true, //奇偶行颜色不同
			collapsible:true,//可折叠
			url:"${ctx}/sys/template/query.sys", //数据来源
			remoteSort: false, //服务器端排序
			idField:'templateId', //主键字段
			queryParams:{}, //查询条件
			pagination:true, //显示分页
			rownumbers:true, //显示行号
			columns:[[
				{field:'ck',checkbox:true,width:2}, //显示复选框
				{field:'templateName',title:'模版名',width:35},
				{field:'templateType',title:'模版类型',width:25,
					formatter:function(value,row){
						switch(row.templateType){
							case ${constant.TEMP_TYPE_ETDZ}:
								return '出票';
								break;
							case ${constant.TEMP_TYPE_BZCHB}:
								return '不正常航班';
								break;
							case ${constant.TEMP_TYPE_OTHER}:
								return '其他';
								break;
						}
					}
				},
				{field:'modifyTime',title:'修改日期',width:35},
				{field:'status',title:'状态',width:25,
					formatter:function(value,row){
						switch(row.status){
							case ${constant.NOMARL}:
								return '启用';
								break;
							case ${constant.STOP}:
								return '停用';
								break;
						}
					}
				},
				{field:'remark',title:'备注',width:45}
			]],
			toolbar:[{
				text:'新增',
				iconCls:'icon-add',
				handler:function(){
					addrow();
				}
			},'-',{
				text:'更新',
				iconCls:'icon-edit',
				handler:function(){
					updaterow();
				}
			},'-',{
				text:'删除',
				iconCls:'icon-remove',
				handler:function(){
					deleterow();
				}
			},'-',{
				text:'停用',
				iconCls:'icon-no',
				handler:function(){
					updateStatus('${constant.STOP}');
				}
			},{
				text:'启用',
				iconCls:'icon-ok',
				handler:function(){
					updateStatus('${constant.NOMARL}');
				}
			}],
			onLoadSuccess:function(){
				$('#gridTable').datagrid('clearSelections'); //一定要加上这一句，要不然datagrid会记住之前的选择状态，删除时会出问题
			}
		});		
		
		
	});
    /** 新增 */
    function addrow(){
    	location.href="${ctx}/sys/template/toAdd.sys";
    	//window.parent.setmain('新增模版','${ctx}/sys/template/toAdd.sys');
	}
    /** 更新 */
    function updaterow(){
		var rows = $('#gridTable').datagrid('getSelections');//json：[{},{}]
		//这里有一个jquery easyui datagrid的一个小bug，必须把主键单独列出来，要不然不能多选
		if(rows.length==0){
			$.messager.alert('提示','请选择你要更新的记录','info');
			return;
		}
		if(rows.length > 1){
			$.messager.alert('提示','只能选择一个记录进行更新','info');
			return;
		}
		
		location.href="${ctx}/sys/template/toUpdate.sys?templateId="+rows[0].templateId;
		//window.parent.setmain('修改模版','${ctx}/sys/template/toUpdate.sys?templateId='+rows[0].templateId);
	}
  	
    /** 删除 */
  	function deleterow(){
    	var rows = $('#gridTable').datagrid('getSelections');
    	if(rows.length==0){
			$.messager.alert('提示',"请选择你要删除的记录",'info');
			return;
		}
  		$.messager.confirm('提示','您确定要删除吗？',function(result){
	        if (result){
	        	var rows = $('#gridTable').datagrid('getSelections');
	        	var ps = "";
	        	$.each(rows,function(i,n){
	        		if(i==0) 
	        			ps += "?ids="+n.templateId
	        		else
	        			ps += "&ids="+n.templateId;
	        	});
	        	$.post('${ctx}/sys/template/del.sys'+ps,function(data){
	        		if(data.success){//操作成功
						$.messager.alert('提示','操作成功','info');
	        			$('#gridTable').datagrid('reload');//刷新数据
					}else{
						$.messager.alert('提示',data.msg,'warning');	
					}
	        	});
	        }
	    });
  	}//end del fun
    
  	 /** 停用，启用 */
  	function updateStatus(status){
    	var rows = $('#gridTable').datagrid('getSelections');
    	if(rows.length==0){
			$.messager.alert('提示',"请选择你要操作的记录",'info');
			return;
		}
  		$.messager.confirm('提示','您确定要执行此操作吗？',function(result){
	        if (result){
	        	var rows = $('#gridTable').datagrid('getSelections');
	        	var ps = "?status="+status;
	        	$.each(rows,function(i,n){
	        		ps += "&ids="+n.templateId;
	        	});
	        	$.post('${ctx}/sys/template/updateStatus.sys'+ps,function(data){
	        		if(data.success){//操作成功
						$.messager.alert('提示','操作成功','info');
	        			$('#gridTable').datagrid('reload');//刷新数据
					}else{
						$.messager.alert('提示',data.msg,'warning');	
					}
	        	});
	        }
	    });
  	}//end del fun
   
    
    /** 表格查询 */
	function searchInfo(){
		var fields =$('#queryForm').serializeArray(); //自动序列化表单元素为JSON对象数据格式如下
		// [ 
		//     {name: 'firstname', value: 'Hello'}, 
		//     {name: 'lastname', value: 'World'},
		//     {name: 'alias'}, // this one was empty
  		// ]
		var params={};
		$.each( fields, function(i, field){//设置查询参数
			params[field.name] = field.value; 
		});
		$('#gridTable').datagrid('reload',params); //设置好查询参数 reload 一下就可以了
	}
	/** 清空查询条件 */
	function clearForm(){
		$('#queryForm').form('clear');
	}
	
	
	</script>	
  </head>
  
  <body>
    <form id="queryForm" class="qform">
		<table class="qtable" width="100%">
			<tr>
				<td class="qtd">模版名：<input class="txt" name="templateName" style="width: 100px;" /></td>
				<td class="qtd">类型：
					<select name="templateType" style="width: 100px;">
						<option value="-1">所有类型</option>
						<option value="${constant.TEMP_TYPE_ETDZ}">出票模版</option>
						<option value="${constant.TEMP_TYPE_BZCHB}">不正常航班模版</option>
						<option value="${constant.TEMP_TYPE_OTHER}">其他</option>	
					</select>
				</td>
				<td class="qtd" align="center">
					<a href="#" onclick="clearForm();" class="easyui-linkbutton">清空</a>
					<a href="#" onclick="searchInfo();" class="easyui-linkbutton" iconCls="icon-search">查询</a>
				</td>
			</tr>
		</table>
	</form>
	<div class="griddiv">
		<table id="gridTable"></table>
	</div>
  </body>
</html>
